<div class="card-header">
    <div class="card-title">
        <h3 class="card-label">
            Select2 Dropdowns With Autocomplete
        </h3>
    </div>
</div>
<div class="card-body">
    <form role="form" class="form">

        <div class="form-group row">
            <label for="select2SingleSelect" class="col-lg-12">Single select</label>
            <div class="col-lg-10 col-md-9 col-sm-8">
                <select id="select2SingleSelect" class="form-control select2"></select>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-4">
                <button class="btn btn-primary test-btn-select2-single" type="button">@L("Submit")</button>
            </div>
        </div>

        <div class="form-group row">
            <label for="select2MultiSelect" class="col-lg-12">Multi select</label>
            <div class="col-lg-10 col-md-9 col-sm-8">
                <select id="select2MultiSelect" class="form-control select2" multiple="multiple"></select>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-4">
                <button class="btn btn-primary test-btn-select2-multiple" type="button">@L("Submit")</button>
            </div>
        </div>

        <div class="form-group row">
            <label for="select2Tagging" class="col-lg-12">Tagging support</label>
            <div class="col-lg-10 col-md-9 col-sm-8">
                <select id="select2Tagging" class="form-control select2-tagging" multiple="multiple"></select>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-4">
                <button class="btn btn-primary test-btn-select2-tagging" type="button">@L("Submit")</button>
            </div>
        </div>

    </form>
</div>
